@charset "utf-8";
/* CSS Document */

/* global */
body{font-family:Tahoma,Arial,\5fae\8f6f\96c5\9ed1,\5b8b\4f53;color:#666662;background-color:#fff;font-size:12px;padding:72px 0 0 0;margin:0;}
div,ul,li,dl,dt,dd,table,th,tr,td,img,p,font,span,h1,h2,h3,iframe,input,button{margin:0px;padding:0px;border:0;list-style:none;}
a{color:#666662;text-decoration:none;}
a:active,a:hover{color:#bb1e79;text-decoration:none;}
.clear{clear:both;font-size:1px;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
.f_l{float:left;}
.f_r{float:right;}
a,img{blr:expression(this.onFocus=this.blur());outline:none;}
em,i{font-style:normal;}
input,select,textarea,button{outline:none;font-family:\5fae\8f6f\96c5\9ed1;}

.ico{background-image:url(../image/ico.png);background-repeat:no-repeat;}

.go_top{position:fixed;right:3%;bottom:3%;z-index:99;}
.go_top a{display:block;width:100%;padding:6px 7px;border-radius:3px;background:rgba(242,102,183,0.7);color:#fff;text-align:center;overflow:hidden;}
.go_top a i{display:block;width:22px;height:24px;overflow:hidden;margin:auto;background-position:left -58px;}
.go_top a p{display:block;}
.go_top a:hover{background:#bb1e79;}

.page{display:block;overflow:hidden;margin:40px auto 0;text-align:center;}
.page li{display:inline-block;vertical-align:top;}
.page a{display:inline-block;margin-left:5px;vertical-align:top;padding:0 16px;height:40px;text-align:center;line-height:40px;border:#e4e4e4 1px solid;border-radius:3px;font-size:14px;}
.page a:hover{background-color:#bb1e79;border:#bb1e79 1px solid;color:#fff;}
.page li.active span{background-color:#bb1e79;border:#bb1e79 1px solid;margin-left:5px;vertical-align:top;padding:0 16px;height:40px;text-align:center;line-height:40px;color:#fff;border-radius:3px;font-size:14px;}
.page span{display:inline-block;margin-left:5px;line-height:32px;vertical-align:top;}

.head_box{width:100%;height:72px;background:#fff;position:fixed;left:0;top:0;box-shadow:0px 0 5px rgba(0,0,0,.2);text-align:center;z-index:99;}
.head_box .menu{display:inline-block;height:72px;vertical-align:top;position:relative;}
.head_box .menu h1{display:block;overflow:hidden;font-weight:100;}
.head_box .menu h1 a{display:block;line-height:72px;font-size:14px;padding:0 20px;}
.head_box .menu h1 a i{display:inline-block;vertical-align:top;width:7px;height:4px;background-position:-17px -44px;margin:34px 0 0 5px;overflow:hidden;}
.head_box .menu h1 a:hover i{background-position:-17px -48px;}
.head_box .menu h2{display:block;width:100%;font-weight:100;text-align:left;font-size:14px;background-color:#fdf4f9;padding:5px;position:absolute;left:0;top:72px;}
.head_box .menu h2 a{display:block;line-height:34px;padding-left:15px;}
.head_box .menu h2 a:hover{color:#fff;background:#bb1e79;}
.head_box .logo{margin:19px 18px 0;}
.head_box .phone_tit{display:none;width:55px;height:55px;position:absolute;right:0;bottom:0;z-index:2;overflow:hidden;}
.head_box .phone_tit a{display:block;width:100%;height:55px;overflow:hidden;}
.head_box .phone_tit a img{display:block;width:31px;height:31px;overflow:hidden;margin:10px;}
.head_box .phone_lis{width:100%;position:absolute;left:0;top:55px;background:rgba(0,0,0,0.8);z-index:99999999;}
.head_box .phone_lis a{display:block;width:100%;text-align:center;font-size:14px;color:#fff;line-height:50px;border-bottom:#333 1px solid;}

.banner_main{width:100%;overflow:hidden;position:relative;}
.banner_main .nav{width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;}
.banner_main .left{left:20px;}
.banner_main .left a i{background-position:left -44px;}
.banner_main .right{right:20px;}
.banner_main .right a i{background-position:left -51px;}
.banner_main .nav a{display:block;width:100%;height:40px;overflow:hidden;background-color:#f266b7;}
.banner_main .nav a i{display:block;width:17px;height:7px;overflow:hidden;margin:16px auto;}
.banner_main .nav a:hover{background-color:#bb1e79;}
.banner_main .pic{width:100%;overflow:hidden;}
.banner_main .pic img{display:block;width:100%;}

.banner_box{width:100%;overflow:hidden;}
.banner_box img{display:block;width:100%;}

.website{width:100%;padding:25px 0;background-color:#f6f6f6;}
.website .box{width:1280px;margin:auto;overflow:hidden;font-size:14px;}
.website .box em{display:inline-block;vertical-align:top;color:#999;margin:0 10px;}
.website .box a{color:#999;}
.website .box a:hover{color:#bb1e79;}

.hot_product{width:100%;padding:20px 0 50px;overflow:hidden;}
.hot_product .title{width:100%;text-align:center;overflow:hidden;}
.hot_product .title em{display:block;color:#333;font-size:30px;}
.hot_product .title p{color:#a0a09d;font-size:14px;}
.hot_product .box{width:1210px;margin:30px auto 0;position:relative;}
.hot_product .box .next{width:14px;height:22px;overflow:hidden;position:absolute;top:50%;margin-top:-11px;}
.hot_product .box .next a{display:block;width:100%;height:22px;overflow:hidden;}
.hot_product .box .left{left:-34px;}
.hot_product .box .left a{background-position:left top;}
.hot_product .box .left a:hover{background-position:-14px top;}
.hot_product .box .right{right:-34px;}
.hot_product .box .right a{background-position:left -22px;}
.hot_product .box .right a:hover{background-position:-14px -22px;}
.hot_product .box .list{width:100%;overflow:hidden;}
.hot_product .box .list ul{width:1260px}
.hot_product .box .list ul li{width:370px;float:left;margin-right:50px;}
.hot_product .box .list ul li a{display:block;overflow:hidden;}
.hot_product .box .list ul li a img{display:block;width:100%;}
.hot_product .box .list ul li a span{font-size:16px;padding:10px 0;display:block;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);border-bottom:1px solid #e1e1e1;position:relative;height:20px;}
.hot_product .box .list ul li a span:before{position:absolute;content:"";width:10px;height:1px;background-color:#bb1e79;background-color:;margin-top:30px;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);}
.hot_product .box .list ul li a p{display:block;width:100%;font-size:13px;color:#a0a09d;margin-top:8px;}
.hot_product .box .list ul li a:hover span:before{width:100%;}

.main_box{width:1280px;margin:auto;padding:50px 0;overflow:hidden;}
.main_box .title{width:100%;text-align:center;overflow:hidden;}
.main_box .title a{display:inline-block;color:#666662;font-size:16px;line-height:38px;padding:0 20px;vertical-align:top;margin:0 3px;background:#f8f8f8;}
.main_box .title a:hover,.main_box .title a.on,.main_box .title a:hover.on{color:#fff;background:#bb1e79;}
.main_box .font_title{width:100%;overflow:hidden;text-align:center;}
.main_box .font_title em{display:block;color:#333;font-size:24px;}
.main_box .font_title p{color:#a0a09d;font-size:14px;}
.main_box .show{width:100%;overflow:hidden;font-size:14px;line-height:220%;margin-top:20px;color:#7f7f7f;}
.main_box .show img{display:block;margin:auto;max-width:100%;}
.main_box .pic_big{width:100%;margin-top:50px;overflow:hidden;}
.main_box .pic_big .pic{width:40%;overflow:hidden;}
.main_box .pic_big .pic img{display:block;width:100%;}
.main_box .pic_big .con{width:50%;overflow:hidden;}
.main_box .pic_big .con h1{width:100%;font-weight:100;font-size:24px;color:#333;}
.main_box .pic_big .con h1 p{display:inline-block;border:#eee 1px solid;font-size:16px;padding:10px 15px;margin-top:15px;}
.main_box .pic_big .con h2{width:100%;font-weight:100;font-size:16px;color:#666662;margin-top:20px;line-height:220%;}
.main_box .list{width:100%;margin:20px auto 0;overflow:hidden;}
.main_box .list ul{width:100%;}
.main_box .list ul li{width:100%;margin:30px 0 0 0;padding-bottom:15px;position:relative;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);position:relative;}
.main_box .list ul li em{display:block;color:#a0a09d;font-size:14px;margin-top:10px;}
.main_box .list ul li a{display:block;font-size:20px;line-height:24px;padding:5px 0;}
.main_box .list ul li:before{position:absolute;content:"";width:10%;height:1px;background-color:#bb1e79;bottom:0;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);}
.main_box .list ul li:hover:before{width:100%;}
.main_box .list ul li span{display:block;margin-top:8px;color:#a0a09d;line-height:180%;overflow:hidden;font-size:14px;}
.main_box .news_title{width:100%;overflow:hidden;}
.main_box .news_title span{display:block;font-size:32px;color:#333;}
.main_box .news_title p{display:block;font-size:14px;color:#aaa;margin-top:10px;}
.main_box .job_box{width:100%;margin-top:-30px;overflow:hidden;}
.main_box .job_box li{width:100%;overflow:hidden;padding:20px 0;border-bottom:#e4e4e4 1px solid;}
.main_box .job_box li h1{display:block;font-size:20px;font-weight:100;color:#333;}
.main_box .job_box li h2{display:block;font-size:14px;font-weight:100;color:#999;margin:20px 0;line-height:24px;}
.main_box .job_box li h2 b{color:#333;}
.main_box .job_box li div{display:inline-block;background-color:#bb1e79;color:#fff;line-height:32px;padding:0 15px;font-size:14px;}
.main_box .job_box li div a{color:#fff;}


.product_list{width:1280px;margin:auto;padding:50px 0;overflow:hidden;}
.product_list .title{width:100%;text-align:center;overflow:hidden;}
.product_list .title a{display:inline-block;color:#666662;font-size:16px;line-height:38px;padding:0 20px;vertical-align:top;margin:0 3px;background:#f8f8f8;}
.product_list .title a:hover,.product_list .title a.on,.product_list .title a:hover.on{color:#fff;background:#bb1e79;}
.product_list .list{width:100%;overflow:hidden;}
.product_list .list ul{width:1310px}
.product_list .list ul li{width:297.5px;float:left;margin:40px 30px 0 0;}
.product_list .list ul li a{display:block;overflow:hidden;}
.product_list .list ul li a img{display:block;width:100%;}
.product_list .list ul li a span{font-size:16px;padding:10px 0;display:block;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);border-bottom:1px solid #e1e1e1;position:relative;height:20px;}
.product_list .list ul li a span:before{position:absolute;content:"";width:10px;height:1px;background-color:#bb1e79;background-color:;margin-top:30px;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);}
.product_list .list ul li a p{display:block;width:100%;font-size:13px;color:#a0a09d;margin-top:8px;}
.product_list .list ul li a:hover span:before{width:100%;}

.product_show{width:1280px;margin:auto;padding:50px 0;overflow:hidden;}
.product_show .pic_big{width:100%;overflow:hidden;}
.product_show .pic_big .pic{width:40%;overflow:hidden;}
.product_show .pic_big .pic img{display:block;width:100%;}
.product_show .pic_big .con{width:50%;overflow:hidden;}
.product_show .pic_big .con h1{width:100%;font-weight:100;font-size:30px;color:#333;}
.product_show .pic_big .con h1 p{display:inline-block;border:#eee 1px solid;font-size:16px;padding:10px 15px;margin-top:15px;}
.product_show .pic_big .con h2{width:100%;font-weight:100;font-size:14px;color:#666662;margin-top:20px;line-height:190%;}
.product_show .show_contact{margin-top:50px;width:100%;overflow:hidden;}
.product_show .show_contact .title{width:100%;overflow:hidden;border-top:#e1e1e1 1px solid;padding-top:30px;}
.product_show .show_contact .title em{display:block;color:#333;font-size:24px;}
.product_show .show_contact .title p{color:#a0a09d;font-size:14px;}
.product_show .show_contact .show{width:100%;overflow:hidden;font-size:14px;line-height:220%;margin-top:20px;color:#7f7f7f;}
.product_show .show_contact .show img{display:block;margin:auto;max-width:100%;}


.product_main{width:calc(100% - 220px);overflow:hidden;padding:50px 110px;background:url(../image/back_a.jpg) center top no-repeat fixed;}
.product_main .title{width:98.4%;margin:auto;overflow:hidden;}
.product_main .title em{display:block;color:#bb1e79;font-size:30px;}
.product_main .title p{color:#a0a09d;font-size:14px;}
.product_main .title a{display:block;float:right;line-height:55px;padding:0 20px;font-size:14px;background-color:#fff;border:#eee 1px solid;}
.product_main .title a:hover{background-color:#bb1e79;border:#bb1e79 1px solid;color:#fff;}
.product_main .list{width:100%;overflow:hidden;}
.product_main .list li{width:23.4%;float:left;overflow:hidden;padding:0 0.8%;margin-top:30px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.product_main .list li a{display:block;overflow:hidden;background-color:#fff;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);position:relative;}
.product_main .list li a:before{position:absolute;content:"";width:0px;height:1px;background-color:#bb1e79;bottom:0;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);}
.product_main .list li a img{display:block;width:100%;}
.product_main .list li a span{display:block;padding:5%;}
.product_main .list li a span p{display:block;font-size:18px;}
.product_main .list li a span em{display:block;font-size:14px;color:#a0a09d;}
.product_main .list li a:hover:before{width:100%;}
.product_main .list li:hover{transform: translate(0, -20px);-webkit-transform: translate(0, -20px);-moz-transform: translate(0, -20px);-o-transform: translate(0, -20px);-ms-transform: translate(0, -20px);}

.news_box{width:1280px;margin:auto;padding:50px 0;overflow:hidden;}
.news_box .title{width:100%;text-align:center;overflow:hidden;}
.news_box .title em{display:block;color:#333;font-size:30px;}
.news_box .title p{color:#a0a09d;font-size:14px;}
.news_box .list{width:100%;overflow:hidden;}
.news_box .list ul{width:1310px;}
.news_box .list ul li{float:left;width:625px;overflow:hidden;margin:30px 30px 0 0;}
.news_box .list ul li em{display:block;color:#a0a09d;font-size:14px;}
.news_box .list ul li a{display:block;font-size:16px;line-height:24px;padding:5px 0 10px;border-bottom:#e1e1e1 1px solid;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);position:relative;}
.news_box .list ul li a:before{position:absolute;content:"";width:10px;height:1px;background-color:#bb1e79;bottom:-1px;-webkit-transition:all .66s cubic-bezier(.17,.84,.44,1);transition:all .66s cubic-bezier(.17,.84,.44,1);}
.news_box .list ul li:hover a:before{width:100%;}
.news_box .list ul li span{display:block;margin-top:8px;color:#a0a09d;line-height:20px;height:40px;overflow:hidden;}

.foot_main{width:1280px;margin:auto;overflow:hidden;}
.foot_main .link{width:100%;padding:18px 0;overflow:hidden;text-align:center;font-size:16px;line-height:32px;border-top:#aaa 1px solid;border-bottom:#aaa 1px solid;}
.foot_main .link em{font-size:13px;color:#a0a09d;display:inline-block;vertical-align:top;margin:0 15px;}
.foot_main .link a{display:inline-block;overflow:hidden;vertical-align:top;}
.foot_main .link a img{display:block;height:32px;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity:0.2;}
.foot_main .link a:hover img{opacity:1;}
.foot_main .menu{width:100%;overflow:hidden;border-bottom:#e3e3e3 1px solid;}
.foot_main .menu .contact{display:block;padding:30px;overflow:hidden;}
.foot_main .menu .contact img{display:block;}
.foot_main .menu .contact p{display:block;margin:15px 0 5px 0;}
.foot_main .menu .contact a{color:#bb1e79;font-size:24px;font-style:italic;}
.foot_main .menu .list{width:56%;border-left:#e3e3e3 1px solid;display:block;padding:30px;overflow:hidden;}
.foot_main .menu .list li{float:left;width:25%;}
.foot_main .menu .list li span{display:block;font-size:18px;padding-bottom:10px;}
.foot_main .menu .list li p{display:block;font-size:14px;line-height:180%;}
.foot_main .menu .list li p a{color:#aaa;}
.foot_main .menu .list li p a:hover{color:#bb1e79;}
.copyright{width:100%;overflow:hidden;text-align:center;padding:20px 0;line-height:180%;color:#666662;}

@media only screen and (max-width:768px){
	body{padding:55px 0 0 0;}
	.go_top,.head_box .menu,.foot_main .menu{display:none;}
	.head_box .phone_tit{display:block;}
	.head_box .logo{display:block;float:left;margin:11px 0 0 8px;}
	.head_box{height:55px;}
	.hot_product .title em{font-size:22px;}
	.hot_product .title p{font-size:12px;}
	.banner_main .left{left:10px;}
	.banner_main .right{right:10px;}
	.hot_product .box{width:100%;}
	.hot_product .box .left{left:10px;}
	.hot_product .box .right{right:10px;}
	.hot_product .box .list ul{width:300%;}
	.hot_product .box .list ul li{width:33.33333%;margin-right:0;}
	.hot_product .box .list ul li a{width:80%;margin:auto;}
	.product_main{padding:30px 10px;width:calc(100% - 20px);}
	.product_main .title{padding-bottom:10px;}
	.product_main .title em{font-size:22px;}
	.product_main .title p{font-size:12px;}
	.product_main .title a{line-height:300%;font-size:12px;padding:0 10px;}
	.product_main .list li{width:48.4%;margin-top:1.6%;}
	.product_main .list li a span p{font-size:16px;}
	.product_main .list li a span em{font-size:12px;}
	.news_box{width:100%;padding:8% 0;}
	.news_box .title em{font-size:22px;}
	.news_box .title p{font-size:12px;}
	.news_box .list ul{width:100%;}
	.news_box .list ul li{width:calc(100% - 10%);float:none;margin-right:0;padding:0 5%;}
	.news_box .list ul li a{font-size:14px;line-height:160%;}
	.foot_main{width:100%;}
	.foot_main .link{font-size:14px;}
	.product_list{width:100%;padding:4% 0 8%;}
	.product_list .title{width:90%;margin:auto;}
	.product_list .title a{margin:4% 2% 0;}
	.product_list .list ul{width:96%;margin:auto;}
	.product_list .list ul li{width:calc(50% - 4%);margin:6% 0 0 0;padding:0 2%;}
	.product_list .list ul li a span{font-size:14px;}
	.website{padding:4% 0;text-indent:10px;}
	.product_show{padding:6% 0;width:100%;}
	.product_show .pic_big .pic{width:100%;float:none;}
	.product_show .pic_big .con{width:96%;margin:4% auto 0;float:none;}
	.product_show .pic_big .con h1{font-size:18px;}
	.product_show .pic_big .con h1 p{display:block;text-align:center;font-size:14px;}
	.product_show .pic_big .con h2{margin-top:2%;}
	.product_show .show_contact{width:96%;margin:6% auto 0;}
	.product_show .show_contact .title{text-align:center;padding-top:3%;}
	.product_show .show_contact .title em,.main_box .font_title em{font-size:18px;}
	.main_box{width:100%;padding:6% 0;}
	.main_box .show{width:96%;margin:6% auto 0;}
	.main_box .job_box{width:96%;margin:auto;}
	.main_box .pic_big .pic{width:100%;float:none;}
	.main_box .pic_big .con{width:96%;float:none;margin:6% auto 0;}
	.main_box .list{width:94%;margin:auto;}
	.main_box .list ul li:before{width:30%;}
	.main_box .news_title{width:96%;margin:auto;}
	.main_box .news_title span{font-size:22px;}
}